•

NaN / NaN
Atrás
AR
Haz búsquedas por voz
Notificaciones
AR
Build a Countdown Timer with React (with hooks)
Si la reproducción no empieza en breve, prueba a reiniciar el dispositivo.
5 segundos
Arrastra hacia arriba para búsquedas más precisas
Implement countdown logic
18:05
23:04
No has iniciado sesión
Los vídeos que veas podrían aparecer en el historial de reproducciones de la TV e influir en las recomendaciones. Puedes evitarlo si cancelas e inicias sesión en YouTube desde tu ordenador.
Siguiente
23:04
En directo
Próximamente
Simple Javascript Countdown Tutorial
developedbyed
115.587 visualizaciones • hace 1 año
developedbyed • 115.587 visualizaciones
Ver ahora
Simple Javascript Countdown Tutorialdevelopedbyed • 115.587 visualizacionesEn directo23:04Lista de reproducción ()Mix (50+)
[EN VIVO] Urbana Play 104.3 FMUrbana Play 104.3 FM • 10.599 usuariosEn directoLista de reproducción ()Mix (50+)
Build and Deploy THE PERFECT Portfolio Website | Create a Portfolio from ScratchJavaScript Mastery • 452.231 visualizacionesEn directo58:54Lista de reproducción ()Mix (50+)
React.js Projects & TutorialsEn directoLista de reproducción (15)Mix (50+)
React HooksEn directoLista de reproducción (9)Mix (50+)
CSS Transitions TutorialOlli • 2371 visualizacionesEn directo16:33Lista de reproducción ()Mix (50+)
Cambiar de cámara
Compartir
Se ha producido un error al recuperar la información de uso compartido. Vuelve a intentarlo más tarde.
Intro
Basic setup
Styling
Add the state
Add the counter interval
Prepare countdown logic
Implement countdown logic
Format countdown string
Fix negative countdown values
24:13
24:14 / 24:29•Ver vídeo completo
React Projects

Build a Countdown Timer with React (with hooks)

19.559 visualizaciones hace 1 año
Olli
Olli
1700 suscriptores
Suscribirme
Me gusta este vídeo
No me gusta este vídeo
Compartir
19.559 visualizaciones hace 1 año
19.559 visualizaciones • 19 ago 2021
Build a Countdown Timer with React In this tutorial we build a countdown timer with react. We create a functional component which receives a timestamp as the prop. Then it will display a countdown timer. We will use Build a Countdown Timer with React In this tutorial we build a countdown timer with react. We create a functional component which receives a timestamp as the prop. Then it will display a countdown timer. We will use some React hooks like useState and useEffect and we also use the dayjs library to compute the time that is left. Chapters: 0:00 Intro 1:15 Basic setup 4:51 Styling 6:55 Add the state 8:30 Add the counter interval 11:40 Prepare countdown logic 15:43 Implement countdown logic 20:41 Format countdown string 23:29 Fix negative countdown values Sourcecode: https://github.com/R4M5E5/Video-Tutor... …Mostrar más
Mostrar más

Capítulos

Intro

Intro

0:00

Basic setup

Basic setup

1:15

Styling

Styling

4:51

Add the state

Add the state

6:55

Add the counter interval

Add the counter interval

8:30

Prepare countdown logic

Prepare countdown logic

11:40

Implement countdown logic

Implement countdown logic

15:43

Format countdown string

Format countdown string

20:41

Lista de reproducción destacada

7 vídeos
React Projects
Olli
Mostrar menos
Comentarios
50
This video has to be one of the cleanest programming tutorials I have ever watched! Thanks so much for making it.
React Projects

Build a Countdown Timer with React (with hooks)

19.559 visualizaciones19.559 visualizaciones
19 ago 2021
Me gusta este vídeo
No me gusta este vídeo
Compartir
Descargar
Clip
Guardar
Olli
Olli
1700 suscriptores
Suscribirme
Build a Countdown Timer with React In this tutorial we build a countdown timer with react. We create a functional component which receives a timestamp as the prop. Then it will display a countdown timer. We will use some React hooks like useState and useEffect and we also use the dayjs library to compute the time that is left. Chapters: 0:00 Intro 1:15 Basic setup 4:51 Styling 6:55 Add the state 8:30 Add the counter interval 11:40 Prepare countdown logic 15:43 Implement countdown logic 20:41 Format countdown string 23:29 Fix negative countdown values Sourcecode: https://github.com/R4M5E5/Video-Tutor...

Capítulos

Intro

Intro

0:00

Basic setup

Basic setup

1:15

Styling

Styling

4:51

Add the state

Add the state

6:55

Add the counter interval

Add the counter interval

8:30

Prepare countdown logic

Prepare countdown logic

11:40

Implement countdown logic

Implement countdown logic

15:43

Format countdown string

Format countdown string

20:41

Lista de reproducción destacada

7 vídeos
React Projects
Olli
Mostrar menos Mostrar más

Capítulos

Intro

Intro

0:00

Basic setup

Basic setup

1:15

Styling

Styling

4:51

Add the state

Add the state

6:55

Add the counter interval

Add the counter interval

8:30

Prepare countdown logic

Prepare countdown logic

11:40

Implement countdown logic

Implement countdown logic

15:43

Format countdown string

Format countdown string

20:41

Fix negative countdown values

Fix negative countdown values

23:29
Sincronizar con el tiempo del vídeo

Crear clip

Santiago Rivarola
Público
 
 
0/140
–
30.0 segundos
Sigue creando clips después del anuncio
No puedes crear clips mientras se reproduce un anuncio

Descripción

Build a Countdown Timer with React (with hooks)
Olli
Olli
426 Me gusta
19.559 Visualizaciones
2021 19 ago
Build a Countdown Timer with React In this tutorial we build a countdown timer with react. We create a functional component which receives a timestamp as the prop. Then it will display a countdown timer. We will use some React hooks like useState and useEffect and we also use the dayjs library to compute the time that is left. Chapters: 0:00 Intro 1:15 Basic setup 4:51 Styling 6:55 Add the state 8:30 Add the counter interval 11:40 Prepare countdown logic 15:43 Implement countdown logic 20:41 Format countdown string 23:29 Fix negative countdown values Sourcecode: https://github.com/R4M5E5/Video-Tutor...
Mostrar menos Mostrar más

Capítulos

Intro

Intro

0:00

Basic setup

Basic setup

1:15

Styling

Styling

4:51

Add the state

Add the state

6:55

Lista de reproducción destacada

7 vídeos
React Projects
Olli

Comentarios 50

Mejores comentarios
Más recientes primero

Transcripción

NaN / NaN
Todos React C# Relacionados Olli Subidas recientes Visto
23:04 Reproduciendo

Simple Javascript Countdown Tutorial

developedbyed
developedbyed
•
115.587 visualizaciones hace 1 año
Reproduciendo

[EN VIVO] Urbana Play 104.3 FM

Urbana Play 104.3 FM
Urbana Play 104.3 FM
Verificada
•
10.599 usuarios
EN DIRECTO
58:54 Reproduciendo

Build and Deploy THE PERFECT Portfolio Website | Create a Portfolio from Scratch

JavaScript Mastery
JavaScript Mastery
Verificada
•
452.231 visualizaciones hace 1 año
15 Reproduciendo

React.js Projects & Tutorials

Coding With Dawid
Coding With Dawid
•
Actualizado hace 5 días
9 Reproduciendo

React Hooks

Dave Gray
Dave Gray
•
16:33 Reproduciendo

CSS Transitions Tutorial

Olli
Olli
•
2371 visualizaciones hace 2 meses
1:26:21 Reproduciendo

React Hooks Course - All React Hooks Explained

PedroTech
PedroTech
Verificada
•
590.868 visualizaciones hace 1 año
21:43 Reproduciendo

Curso JavaScript: 2. Características y Gramática - #jonmircha

jonmircha
jonmircha
•
161.342 visualizaciones hace 2 años
51:57 Reproduciendo

Build and Deploy a React PWA - Why Progressive Web Apps are the Future of the Web

JavaScript Mastery
JavaScript Mastery
Verificada
•
337.938 visualizaciones hace 2 años
3:54:45 Reproduciendo

🔴 Let's build a Modern Portfolio with NEXT.JS (Framer Motion, Tailwind CSS, Sanity.io, React) | 2023

Sonny Sangha
Sonny Sangha
Verificada
•
165.543 visualizaciones Emitido hace 1 mes
2:48:50 Reproduciendo

BEST OF BOB MARLEY

CYBORG VISUALS (DirektarBorg)
CYBORG VISUALS (DirektarBorg)
•
2,1 M de visualizaciones Emitido hace 3 meses
1:11:44 Reproduciendo

React JS Full Course 2022 | Build an App and Master React in 1 Hour

JavaScript Mastery
JavaScript Mastery
Verificada
•
484.045 visualizaciones hace 8 meses
1:20:41 Reproduciendo

Speed Of Light 1980s - Back To The 80's' - A Synthwave/ Chillwave/ Retrowave /Synthpop/Vaporwave

No.1
No.1
•
57.979 visualizaciones hace 2 semanas
56:56 Reproduciendo

Of Monsters and Men - The Cabin Session

Of Monsters and Men
Of Monsters and Men
Canal oficial de artista
•
2,8 M de visualizaciones hace 5 meses
Para recaudar fondos
1:27:24 Reproduciendo

¡Edita IMÁGENES en SEGUNDOS con Inteligencia Artificial! (Stable Diffusion Prompt-to-prompt)

Dot CSV
Dot CSV
Verificada
•
70.345 visualizaciones Emitido hace 3 semanas
2:06:30 Reproduciendo

INTERSTELLAR - Beautiful Space Orchestral Music Mix | Epic Inspirational Sci-Fi Music

Pandora Journey
Pandora Journey
Verificada
•
1,4 M de visualizaciones hace 4 meses
1:22:43 Reproduciendo

React Recitation - Timer with useEffect

hBlevs
hBlevs
•
12.927 visualizaciones hace 2 años
27:59 Reproduciendo

What is State Mutation in REACT?

Olli
Olli
•
1248 visualizaciones hace 11 meses
1:05:44 Reproduciendo

Aprende Python para ciencia de datos

A2 Capacitación: Excel
A2 Capacitación: Excel
•
425.994 visualizaciones hace 1 año
30:59 Reproduciendo

React Custom Hooks | Learn Custom Hooks & Build a Project

JavaScript Mastery
JavaScript Mastery
Verificada
•
36.874 visualizaciones hace 2 años